// 获取导航栏元素
const navbar = document.getElementById('navbar');


window.addEventListener('scroll', () => {
    // 当滚动距离超过50px时
    if (window.scrollY > 50) {
        navbar.classList.add('navbar-fixed', 'py-2');
        navbar.classList.remove('py-4');
    } else {
        // 滚动距离不足时恢复初始样式
        navbar.classList.remove('navbar-fixed', 'py-2');
        navbar.classList.add('py-4');
    }
});

const line1 = document.getElementById('line1');
const line2 = document.getElementById('line2');

// 第一行和第二行的文字内容
const textLine1 = '你好啊！欢乐的精灵！';
const textLine2 = '很高兴见到你，我是学游渊';

const typingSpeed = 300; // 打字速度
const delayBetweenLines = 800; // 行与行之间的延迟

// 第一行打字函数
function typeLine1() {
    let i = 0;
    function type() {
        if (i < textLine1.length) {
            line1.textContent += textLine1.charAt(i);
            i++;
            setTimeout(type, typingSpeed);
        } else {
            // 第一行打完后，延迟开始打第二行
            setTimeout(typeLine2, delayBetweenLines);
        }
    }
    type();
}

// 第二行打字函数
function typeLine2() {
    line1.classList.add('finished'); // 第一行停止闪烁
    let i = 0;
    function type() {
        if (i < textLine2.length) {
            line2.textContent += textLine2.charAt(i);
            i++;
            setTimeout(type, typingSpeed);
        } else {
            // 第二行打完后，停止闪烁
            line2.classList.add('finished');
        }
    }
    type();
}

// 页面加载后开始第一行打字
window.onload = function () {
    typeLine1();
};
